<template>
  <div class="login-content-2">
    <el-form
      ref="loginForm"
      :model="loginForm"
      :rules="loginRules"
      class="loginBox"
    >
      <h1>欢迎登陆</h1>
      <div class="item">
        <div class="icon"><img src="/img/login/login2/icon1.png" /></div>
        <el-form-item class="txt" prop="username">
          <el-input
            v-model="loginForm.username"
            type="text"
            auto-complete="off"
            placeholder="请输入您的用户名"
          />
        </el-form-item>
      </div>
      <div class="item">
        <div class="icon"><img src="/img/login/login2/icon2.png" /></div>
        <el-form-item class="txt" prop="password">
          <el-input
            v-model="loginForm.password"
            type="password"
            auto-complete="off"
            name=""
            placeholder="请输入您的密码"
            @keyup.enter.native="handleLogin"
          />
        </el-form-item>
      </div>
      <!-- <Verify
        @success="capctchaCheckSuccess"
        :mode="'pop'"
        :captchaType="'blockPuzzle'"
        :imgSize="{ width: '330px', height: '155px' }"
        ref="verify"
      ></Verify> -->
      <div class="item_2">
        <input name="" type="checkbox" value="" />
        <span>记住密码</span>
        <a href="psd.html" v-show="false">忘记密码？</a>
      </div>
      <div class="item_3">
        <input
          name=""
          type="submit"
          value="安全登录"
          class="btn"
          @click.prevent="handleLogin"
        />
      </div>
      <div class="item_4">还没有账号？<a href="register.html">立即注册</a></div>
    </el-form>
  </div>
</template>

<script>
import loginMixins from "@/page/login/index.js";
// import Verify from "@/components/Verifition/Verify";
export default {
  // components: { Verify },
  mixins: [loginMixins],
};
</script>

<style lang="scss" scoped>
@import "./index.scss";
</style>
